import { useNavigate } from "react-router-dom";
import FlipCard from "../../components/flip-card";
import NoData from "../../components/no-data";
import styles from "./index.module.less";

const ShowcasePage = () => {
  const navigate = useNavigate();
  return (
    <div className={styles.container}>
      {/* <NoData /> */}
      <div className={styles.caseItem} onClick={() => navigate("/todo-list")}>
        TODO LIST CASE
      </div>
      <div className={styles.caseItem} onClick={() => navigate("/simple-hook")}>
        Simple React Hook
      </div>
      <div className={styles.caseItem} onClick={() => navigate("/antv-demos")}>
        Antv Demos
      </div>
      <div
        className={styles.caseItem}
        onClick={() => navigate("/portal-demos")}
      >
        Portal Demos
      </div>
      <div className={styles.caseItem} onClick={() => navigate("/leetcode")}>
        LeetCode
      </div>
      <div className={styles.caseItem} onClick={() => navigate("/leetcode2")}>
        LeetCode II
      </div>
      <div
        className={styles.caseItem}
        onClick={() => navigate("/react-spring-demo")}
      >
        React Spring Demo
      </div>
      <div className={styles.caseItem} onClick={() => navigate("/webgl-demo")}>
        WebGL Demo
      </div>
    </div>
  );
};

export default ShowcasePage;
